<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <th:block th:include="public/include :: header" />
 	<meta name="keywords" th:content="${siteInfo.keyWord}">
	<meta name="description" th:content="${siteInfo.siteDesc}">
    <title>[[${org.orgTitle}]]主页</title>
    
    <th:block th:include="public/include :: swiper-css" />
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/headfoot.css" />
    <link rel="stylesheet" href="/css/index.css">
</head>

<body class="huibg">
    <!--头部部分-->
    <div class="heads header">
    </div>
    
    <div class="main_wen">
        <div class="main-md">
            <div class="wen_cont wen_contd">
                <div class="wen_list bgff" style="width: 45%">
                    <div class="wen_tit">
                        <span class="col_fff bld fnt_20">[[${cmsCate1.cateTitle}]] </span>
                        <a th:href="${cmsCate1.visitUrl}" class="rt col_lan fnt_14"> 更多>> </a>
                    </div>
                    <div class="main_rt_list">
                        <ul>
                            <li th:each="cont,st : ${news1}">
                               	<a th:href="@{'/cont/detail/'+${orgCode}+'/'+${cont.contId}}" target="_blank">
                                    <div class="fnt_14 col_333 main_rt_lf textfull1" th:text="${#strings.abbreviate(cont.contTitle,countChar)}" th:title="${cont.contTitle}"></div>
                                    <div class="fnt_14 col_666 main_rt_rt" th:text="${#dates.format(cont.contPubDatetime,'yyyy-MM-dd')}"></div>
                                </a>
                                <div style="clear:both"></div>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="wen_dd" style="margin-left: 20px;width: 50%;">
                    
	                    <div class="swiper-container" id="banner">
	                        <div class="swiper-wrapper">
	                            <div class="swiper-slide" th:each="carouselPic,st : ${carouselPics}">
	                                <img th:src="${carouselPic.picImg}" th:alt="${carouselPic.picTitle}" class="phone_hide" style="width: 100%;height: 360px;">
	                            </div>
	                        </div>
	                        <!-- Add Pagination -->
	                        <div class="swiper-pagination swiper-bg">
	                        </div>
	                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- banner-->
    <div class="main_banner">
        <div class="main-md">
        	<a target="_blank" th:href="${indexBanner.linkUrl} != null ? ${indexBanner.linkUrl} : '#'">
            <img th:src="${indexBanner.picImg}" th:alt="${indexBanner.picDesc}"  style="width: 100%;">
           	</a> 
        </div>
    </div>
    
    <div class="main_wen">
        <div class="main-md">
            <div class="wen_cont">
                <div class="wen_lf bgff">
                    <div class="wen_tit">
                        <span class="col_fff bld fnt_20">[[${cmsCate2.cateTitle}]] </span>
                        <a th:href="${cmsCate2.visitUrl}" class="rt col_lan fnt_14"> 更多>> </a>
                    </div>
                    <div class="jian">
                        <ul>

                        	 <li th:each="cont,st : ${news2}">
                              	<a th:href="@{'/cont/detail/'+${orgCode}+'/'+${cont.contId}}" target="_blank">
                              		<div class="jian_img"><img th:src="${cont.contShortPic}" th:alt="${cont.contTitle}" th:attr="onerror='src=\'\''"></div>
                              		<div class="jian_text">
	                                 <div class="jian_top">
	                                     <h4 class="fnt_18 col_333 textfull1" th:text="${cont.contTitle}"></h4>
	                                     <span class="fnt_14 col_666" th:text="${#dates.format(cont.contPubDatetime,'yyyy-MM-dd')}"></span>
	                                  </div>
	                                  <p class="fnt_14 col_666 textfull1" th:text="${cont.contDesc}"></p>
	                                  <span class="fnt_16 cent col_lan"> 点击浏览 </span>
	                                </div>  
                                  </a>
                                  <div style="clear:both"></div>
                             </li>
                         
                        </ul>
                       
                    </div> 
                </div>
                <div class="wen_rt">
                    <div class="wen_rt_tit">
                        <span class="col_fff bld fnt_20">关于我们 </span>
                    </div>
                    <div class="wen_rt_list wen_rt_lists bgff">
                        <ul>
                            <li><a th:href="@{'/page/aboutus/'+${orgCode}+'/'+${orgCode}+'_gywm.html#duty'}">
                                    <div class="wen_ll">
                                        <div class="wen_i">
                                            <img src="/images/index/wen-5.png" alt="">
                                        </div>
                                    </div>
                                    <div class="wen_t fnt_18 col_000 cent">主要职责</div>
                                </a></li>
                                
                            <li><a th:href="@{'/page/aboutus/'+${orgCode}+'/'+${orgCode}+'_gywm.html#leader'}">
                                    <div class="wen_ll">
                                        <div class="wen_i">
                                            <img src="/images/index/wen-6.png" alt="">
                                        </div>
                                    </div>
                                    <div class="wen_t fnt_18 col_000 cent">处室领导</div>
                                </a></li>
                                
                            <li><a th:href="@{'/page/aboutus/'+${orgCode}+'/'+${orgCode}+'_gywm.html#contact'}">
                                    <div class="wen_ll">
                                        <div class="wen_i">
                                            <img src="/images/index/wen-7.png" alt="">
                                        </div>
                                    </div>
                                    <div class="wen_t fnt_18 col_000 cent">联系方式</div>
                                </a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!--页尾-->
    <div class="foots">
    </div>
    
    <th:block th:include="public/include :: footer" />
    <th:block th:include="public/include :: swiper-js" />
    <div th:replace="public/include :: SuperSlide-js" ></div>
    <script src="/js/index.js"></script>
    <script>
    	var defNewImg = '[[${siteInfo.defaultContPic}]]';
        var swiper = new Swiper('#banner', {
            autoplay: 3000,
            speed: 500,
            loop: true,
            lazyLoading: true,
            // 如果需要分页器
            pagination: '.swiper-pagination',
            paginationClickable: true
        });
        var windowWidth = $(window).width();
        if (windowWidth < 768) {

        }
        if (windowWidth >= 768) {

        }
        $('.main_top_tit span').click(function () {
            var liindex = $('.main_top_tit span').index(this);
            console.log(liindex);
            $(this).addClass('active').siblings().removeClass('active');
            $('.main_rt_con .main_rt_item').eq(liindex).fadeIn(150).siblings(".main_rt_item").hide();
        });
        jQuery(".picMarquee-left").slide({mainCell:".bd ul",
        autoPlay:true,
        effect:"leftMarquee",vis:7,interTime:50,trigger:"click"});
        
        $(function() {
	        $(".heads").load("/head/[[${org.orgCode}]]");
	        $(".foots").load("/foot.html");
	        //默认新闻图
	        $(".jian img").attr("onerror","src='"+defNewImg+"'");
        });
    </script>
</body>

</html>